<script setup>
// 要为事件添加校验，那么事件可以被赋值为一个函数，接受的参数就是抛出事件时传入 emit 的内容，返回一个布尔值来表明事件是否合法。
const emit = defineEmits({
  // 没有校验
  onClick: null,
  // 校验 submit 事件
  submit: ({ email, password }) => {
    if (email && password) {
      return true
    } else {
      console.warn('Invalid submit event payload!')
      return false
    }
  }
})
function submitForm(email, password) {
  emit('submit', { email, password })
}
function onClick() {
  emit('onClick', '11111111')
}
</script>

<template>
  <h1>hello</h1>
  <button @click="onClick">点击</button>
  <button @click="submitForm('wupeng', 123456)">提交表单</button>
</template>

<style></style>
